
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Login &raquo; Salus</title>
        <link href="http://192.168.1.2/salusme/include/css/fal_style.css" rel="stylesheet" type="text/css" />
        <script src="http://192.168.1.2/salusme/include/js/jquery.js" type="text/javascript"></script>
        <script src="http://192.168.1.2/salusme/include/js/flash.js" type="text/javascript"></script>
        <script src="http://192.168.1.2/salusme/include/js/jquery-1.2.6.min.js" type="text/javascript"></script>
    </head>


    <script type="text/javascript">
        $(document).ready(function(){
            $('#login_e_mail').focus(function(){
                if($('#login_e_mail').val()=="E-mail")
                    $('#login_e_mail').val('');
            });
            $('#login_e_mail').blur(function(){
                if($('#login_e_mail').val()=="")
                    $('#login_e_mail').val('E-mail');
            });
            $('#login_password').focus(function(){
                $('#l_password').show();
                $('#l_password').focus();
                $('#login_password').hide();
            });
            $('#l_password').blur(function(){
                if($('#l_password').val()==""){
                    $('#login_password').show();
                    $('#l_password').hide();
                }
            });
            $('#l_password').hide();

            $('#login_form').submit(function(){
                if($('#login_e_mail').val() == "E-mail"){
                    $('#login_e_mail').addClass('error');
                    return false;
                }
                if($('#login_password').is(':visible')){
                    if($('#login_password').val() == "Password"){
                        $('#login_password').addClass('error');
                        return false;
                    }
                }
            });
        })
    </script>
    <body>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#emr').submit(function(){
                    if($('#emr_e_mail').val() == "E-mail"){
                        $('#emr_e_mail').addClass('error');;
                        return false;
                    }
                    if($('#emr_login_password').is(':visible')){
                        if($('#emr_login_password').val() == "Password"){
                            $('#emr_login_password').addClass('error');
                            return false;
                        }
                    }
                });


                $('#emr_login_password').focus(function(){
                    $('#emr_l_password').show();
                    $('#emr_l_password').focus();
                    $(this).hide();
                });
                $('#emr_l_password').blur(function(){
                    if($(this).val()==""){
                        $('#emr_login_password').show();
                        $(this).hide();
                    }
                });
                $('#emr_e_mail').focus(function(){
                    if($(this).val()=="E-mail")
                        $(this).val('');
                });
                $('#emr_e_mail').blur(function(){
                    if($(this).val()=="")
                        $(this).val('E-mail');
                });


                $('#prepaid_code').focus(function(){
                    if($(this).val()=="Prepaid code")
                        $(this).val('');
                });
                $('#prepaid_code').blur(function(){
                    if($(this).val()=="")
                        $(this).val('Pre-paid code');
                });

                $('#name').focus(function(){
                    if($(this).val()=="Name")
                        $(this).val('');
                });
                $('#name').blur(function(){
                    if($(this).val()=="")
                        $(this).val('Name');
                });


                $('#surname').focus(function(){
                    if($(this).val()=="Surname")
                        $(this).val('');
                });
                $('#surname').blur(function(){
                    if($(this).val()=="")
                        $(this).val('Surname');
                });

                $('#e_mail').focus(function(){
                    if($(this).val()=="E-mail")
                        $(this).val('');
                });
                $('#e_mail').blur(function(){
                    if($(this).val()=="")
                        $(this).val('E-mail');
                });

                $('#sup__password').focus(function(){
                    $('#sup_password').show();
                    $('#sup_password').focus();
                    $(this).hide();
                });
                $('#sup_password').blur(function(){
                    if($(this).val()==""){
                        $('#sup__password').show();
                        $(this).hide();
                    }
                });
                $('#prapid_code_no').click(function(){
                    $('#prepaid_code').hide();
                });
                $('#prapid_code_yes').click(function(){
                    $('#prepaid_code').show();
                });

                $('#sign_up').submit(function(){
                    if($('#prepaid_code').is(':visible'))
                        if($('#prepaid_code').val()=="Prepaid code"){
                            $('#prepaid_code').addClass('error');
                            return false;
                        }
                });


            });
        </script>
        <div id="wrapper">


            <div id="header">
            </div>


            <div id="mainContent">
                <h1 style="color: #4B9BCE;" >Welcome To SalusBank</h1>
                <?php
                if ($_GET['err'] != '') {
                    echo '<font color=red>' . $_GET['err'] . '</font>';
                }
                ?>
                <fieldset style="width: 300px; margin-left: 100px;" >
                    <legend style="color: #4B9BCE;" >SalusBank Products</legend>
                    <a href="<?php echo 'http://' . $_SERVER['HTTP_HOST'] . '/salusbaby' ?>"><img src="logo_baby.png"/></a>
                    <a href="<?php echo 'http://' . $_SERVER['HTTP_HOST'] . '/salusme' ?>"><img src="logo_me.png"/></a>
                </fieldset>
                <fieldset style="width: 300px; margin-top: -100px; margin-right: 200px; "  class="float_right">
                    <legend style="color: #4B9BCE;">Join now in SalusBank</legend>
                    <div>
                        <form id="sign_up" action="join/details.php" method="post">                                                                                    
                            <div class="color_red">Do you have pre-paid code?</div>
                            <div>
                                <div class="float_left">
                                    <div class="float_left padding_5"><div><input class="cursor" checked type="radio" id="prapid_code_yes" value="yes" name="prapid"/></div><div class="title_home">Yes</div></div>
                                    <div class="float_left padding_5"><div><input class="cursor" type="radio" id="prapid_code_no" name="prapid" value="no"/></div><div  class="title_home">No</div></div>
                                    <div class="clear"></div>
                                </div>
                                <div class="float_right"><input type="text" id="prepaid_code" name="prepaid_code" value="Pre-paid code" class="text_field_prepaid"/></div>
                                <div class="clear"></div>
                            </div>
                            <div><input type="text" name="name" id="name" required value="Name" class="text_field"/></div>
                            <div><input type="text" name="surname" id="surname" required value="Surname" class="text_field"/></div>
                            <div><input type="text" name="e_mail" id="e_mail" required value="E-mail" class="text_field"/></div>
                            <div><input id="sup__password" class="text_field" required type="text" value="Password"/>
                                <input class="text_field display_none" type="password" required id="sup_password" value="" name="login_password"/></div>                            
                            <div><input type="submit" value="" class="btn_join cursor"/></div>
                        </form>
                    </div>
                </fieldset>
            </div>
            <style type="text/css">
                .footer_first a
                {
                    color:#4B9BCE;
                    font-weight: bold;
                }
            </style>

            <div class="clear"></div>
            <div id="footer">

                <hr/>


                <div class="float_left footer_first">English</div>



                <div class="float_left footer_first">Italiano</div>




                <div class="float_left footer_first">Deutsch</div>                                        
                <div class="float_left footer_first">Español</div>
                <div class="float_left footer_first">Français</div>
                <div class="float_left footer_first">Portugues</div>
                <div class="float_left footer_first">Српски</div>
                <div class="float_left footer_first">Türkçe</div>
                <div class="float_left footer_first">Русский</div>
                <div class="float_left footer_first">Dansk</div>
                <div class="float_left footer_first">Magyar</div>
                <div class="clear"></div>
                <div class="float_left footer_second">Home</div>
                <div class="float_left footer_second">About</div>
                <div class="float_left footer_second">Help</div>
                <div class="float_left footer_second">Where</div>
                <div class="float_left footer_second">Privacy</div>
                <div class="float_left footer_second">Certifications</div>
                <div class="float_left footer_second">Contact</div>
                <div class="clear"></div>
                <div style="font-size: 11px;color: #454545;margin-left: 10px">Copyright&copy;2012 Salusbank</div>
            </div>
        </div> 
    </body>
</html> 
